<template>
	<view class="order-list-page">
		<!-- 统计面板 -->
		<view class="stats-card">
			<view class="stat-item">
				<text class="value">24</text>
				<text class="label">今日订单</text>
			</view>
			<view class="stat-item highlight">
				<text class="value">¥5680</text>
				<text class="label">今日销售额</text>
			</view>
		</view>

		<!-- 搜索筛选区 -->
		<view class="filter-bar">
			<u-search placeholder="搜索订单号/商品/客户" shape="round" clearable></u-search>
			<u-tabs :list="statusTabs" line-color="#2979ff" active-color="#2979ff"></u-tabs>
		</view>

		<!-- 订单列表 -->
		<scroll-view scroll-y class="order-scroll" @scrolltolower="loadMore">
			<order-item v-for="order in orderList" :key="order.id" :data="order" @action="handleItemAction" />

			<!-- 加载状态 -->
			<u-loadmore :status="loadStatus" />
		</scroll-view>
	</view>
</template>
